<div class="row">

  <div class="col-xs-12 col-sm-2">
    <status-switch status-items="statusItems" status="isSent" ></status-switch>
  </div>

  <div class="col-xs-12 col-sm-10">

    <div class="row message-box">

      <div class="col-xs-12 col-sm-12 message-one-box" ng-repeat="message in messageShowList" ng-switch on="isSent">

        <div class="row message-one-box-row">

          <div class="col col-sm-1">
            <img ng-src="image/head_image/{{message.sender_head_image}}" class="img-circle message-head-image" ng-switch-when="false" alt="发送者头像" />
            <img ng-src="image/head_image/{{message.receiver_head_image}}" class="img-circle message-head-image" ng-switch-when="true" alt="接受者头像" />
          </div>

          <div class="col col-sm-3 username">
            <a ng-switch-when="false" ng-bind="message.sender_username"></a>
            <a ng-switch-when="true" ng-bind="message.receiver_username"></a>
            <p class="date" ng-bind="message.created_at"></p>
          </div>

          <div class="col col-sm-6 message">

            <a style="cursor: pointer;" ng-click="goToShow(message)"> <span class="text-primary" >{{ message.title }}</span></a>

            <div style="font-size: 0.9em" markdown-extractor bind-content="message.content"></div>
          </div>

          <div class="col col-sm-1">
            <i class="fa fa-envelope read-status-label" ng-hide="isSent || message.read"></i>
          </div>

        </div>

      </div>

    </div>

  </div>

</div>

